<div class="friend">
    <div class="my-col">
        <div class="col-inner">
            <div class="img">
                <img src="http://localhost:8080/events/upload/sample/guest/AlexisMabille.jpg">
            </div>
            <div class="space"></div>
            <div class="text">张三</div>
        </div>
    </div>
    <div class="buttons">
        <button (click)="cancel()" ion-button class="cancel">取消</button>
        <button (click)="add()" ion-button  class="submit">交换</button>
    </div>
</div>
